/**
 * 全局样式表
 * 使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束
 * 如果需要增加额外的WXSS样式表, 直接import即可, 但需注意引用顺序
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

blockquote,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover {
    outline: 0
}

img {
    border: none
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h4,
h5,
h6 {
    font-size: 100%
}

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

body {
    line-height: 24px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif
}

hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both
}

a {
    color: #fff;
    text-decoration: none
}

a:hover {
    color: #fff
}

a cite {
    font-style: normal;
    *cursor: pointer
}

body,
div,
button,
input,
label,
textarea,
image,
button {
    box-sizing: border-box;
}
/*全局副标题*/
.shuju_title {
  position: relative;
  padding: 10px;
  width: 100%;
  min-height: 40px;
}

.shuju_title .shuju_title_text {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 7px;
  font-size: 16px;
  font-weight: bold;
  color: #353535;
  line-height: 20px;
}

.shuju_title .shuju_title_text::before {
  position: absolute;
  top: 50%;
  left: -3px;
  transform: translateY(-50%);
  margin-right: 5px;
  content: '';
  display: inline-block;
  height: 14px;
  width: 3px;
  background-color: #1d42ab;
}

/*flex布局*/
.flext {
    display: flex;
}

.flex {
    /*  display: -webkit-box;
  display: -webkit-flex;
  display: flex;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-bet {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-b {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.flex-cleft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flex-grow-0 {
    min-width: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-grow-1 {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-x-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-center2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-y-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.flex-x-bottom {
    display: flex;
    justify-content: flex-end;
}

.flex-y-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.flex-y-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-ra {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-raw {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

/*居中*/

.flex-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.flex-center-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-colbt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-around {
    justify-content: space-around;
}

.flex-ad {
    justify-content: space-around;
}

.flex-bt {
    display: flex;
    justify-content: space-between;
}

/*占比*/

.flex-g-0 {
    min-width: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.flex-g-1 {
    min-width: 0;
    flex-grow: 1;
    flex-shrink: 1;
}

.flex-1 {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
}
.flex-2-0-a{
    flex: 2 0 auto;
}

/*end*/

.flex-col-end {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.flex-col-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.flex-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex-justify {
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
}

.flex-y-end {
    display: flex;
    align-items: flex-end;
}

.flex-x-end {
    display: flex;
    justify-content: flex-end;
}

/*space-betwee*/

.flex-x-bt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-y-bt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-x-ad {
    display: flex;
    justify-content: space-around;
}

.flex-y-ad {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.f-raw {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

/**/

.container {
    width: 100%;
    height: auto;
}

.image_all {
    width: 100%;
    height: 100%;
}

/* 相对定位以及绝对定位 */

.posi-a {
    position: absolute;
    z-index: 1;
}

.posi-r {
    position: relative;
    z-index: 1;
}

.posi-f {
    position: fixed;
    z-index: 1;
}

.t0 {
    top: 0;
}

.l0 {
    left: 0;
}

.b0 {
    bottom: 0;
}

.r0 {
    right: 0;
}

.rel {
    position: relative;
}

.ab {
    position: absolute;
}

.middle {
    vertical-align: middle;
}

.vtop {
    vertical-align: text-top;
}

/* 基于定位的上下居中 */

.ud {
    top: 0;
    bottom: 0;
    margin: auto;
}

/* 基于定位的左右居中 */

.lr {
    left: 0;
    right: 0;
    margin: auto;
}

.margin0 {
    margin: 0 auto;
}

/* 基于定位的垂直居中 */

.udlr {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*display*/

.dis_in {
    display: inline-block;
    vertical-align: middle;
}

.dis_t {
    display: inline-block;
    vertical-align: top;
}

.dis_b {
    display: inline-block;
    vertical-align: bottom;
}

.dis_i {
    display: inline-block;
}

.dis_bk {
    display: block;
}

/*  宽度样式  */
.wid20 {
    width: 20%;
}

.wid25 {
    width: 25%;
}
.wid30 {
    width: 30%;
}
.wid50 {
    width: 50%;
}

.wid_50 {
    width: 50%;
}

.wid {
    width: 100%;
}

.hei {
    height: 100%;
}

.wid_hei {
    width: 100%;
    height: 100%;
}

/* 字体是否加粗 */
.fnormal {
    font-weight: normal;
}

.wei {
    font-weight: bold;
}

.font_w400 {
    font-weight: 400;
}

.font_w500 {
    font-weight: 500;
}

.font_w600 {
    font-weight: 600;
}

.font_w700 {
    font-weight: 700;
}

/* 文字排列方式 */

.t_l {
    text-align: left;
}

.t_r {
    text-align: right;
}

.t_c {
    text-align: center;
}

.t_idex30 {
    text-indent: 30px;
}

.t-d-l {
    text-decoration: line-through;
}

.t_through {
    text-decoration: line-through;
}

.t_underline {
    text-decoration: underline;
}

/* 字体大小 */
.fon_0 {
    font-size: 0;
}

.fon_12 {
    font-size: 12px;
}

.fon_14 {
    font-size: 14px;
}

.fon_16 {
    font-size: 16px;
}

.fon_18 {
    font-size: 18px;
}

.fon_20 {
    font-size: 20px;
}

.fon_22 {
    font-size: 22px;
}

.fon_24 {
    font-size: 24px;
}

.fon_30 {
    font-size: 30px;
}

/* 文字颜色 */

.color_9 {
    color: #999;
}

.color_6 {
    color: #666;
}

.color_3 {
    color: #333;
}

.color_0 {
    color: #000;
}

.color_f {
    color: #fff;
}

.color_d {
    color: #ddd;
}

.color_e {
    color: #e5e5e5;
}

.color_ef {
    color: #efefef;
}

.color_r {
    color: red;
}

.color_rb {
    color: #297AFF;
}

.color_b {
    color: #47a4ff;
}

.color_y {
    color: #ffc31e;
}

.color_ff25 {
    color: #ffa025;
}

.alinkcolor:hover {
    color: rgb(41, 122, 255);
}

.subjectcolor {
    color: #ff8000;
}

.maincolor {
    color: #999;
}

.maingreen {
    color: #0FA42B;
}

.mainred {
    color: #FD0000;
}

.auxiliarycolor {
    color: #3F83E8;
}

.auxiliarycolor:focus,
.auxiliarycolor:hover {
    color: #3F83E8;
}

.tColor {
    color: #aab2bd;
}

.color_b5 {
    color: #b5b5b5
}

.color60 {
    color: #606266;
}

.color90 {
    color: #909399;
}

/* 背景为白色 */

.ba_f {
    background: #fff;
}

.ba_f3 {
    background: #f3f3f3;
}

.ba_f4 {
    background: #f4f4f4;
}

.ba_f5 {
    background: #f5f5f5;
}

.ba_f57a {
    background: #F5F7FA;
}

.ba_f6 {
    background: #f6f6f6;
}

.ba_f8 {
    background: #f8f8f8;
}

.ba_e5 {
    background: #e5e5e5;
}

.ba_fd {
    background: #fbfdfd;
}

.ba_r2 {
    background: rgb(244, 246, 250)
}

.ba_r225 {
    background: rgb(225, 225, 225)
}

/* 一般用作底部固定或者弹框 */

.fixed {
    width: 100%;
    height: 100%;
    position: fixed;
}

/* 右浮动 */

.fr {
    float: right;
}

/* 左浮动 */

.fl {
    float: left;
}

.curs {
    cursor: pointer;
}

/* 去除button自带的边框 */

button::after {
    border: none;
}

/* 单行超出显示省略号 */
.overflowlnr {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* 多行超出显示省略号 */
.wordall {
    word-break: break-all;
}

.hydlnr {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.hydlnr_2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hydlnr_4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.gobyndsingle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overhide {
    overflow: hidden;
}

.overhide-x {
    overflow-x: hidden;
}

.overscroll {
    overflow: scroll;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f4a0000 !important;
}

.clearfix:after {
    display: block;
    content: "\200B";
    clear: both;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

/*外边距*/
.mar_tblr5 {
    margin: 5px;
}

.mar_lr5 {
    margin: 0 5px;
}

.mar_lr10 {
    margin: 0 10px;
}

.mar_lr20 {
    margin: 0 20px;
}

.mar_tb10 {
    margin: 10px 0;
}

.mar_b5 {
    margin-bottom: 5px;
}

.mar_b10 {
    margin-bottom: 10px;
}

.mar_b15 {
    margin-bottom: 15px;
}

.mar_b20 {
    margin-bottom: 20px;
}

.mar_b30 {
    margin-bottom: 30px;
}

.mar_b50 {
    margin-bottom: 50px;
}

.mar_l5 {
    margin-left: 5px;
}

.mar_l10 {
    margin-left: 10px;
}

.mar_l15 {
    margin-left: 15px;
}

.mar_l20 {
    margin-left: 20px;
}

.mar_l30 {
    margin-left: 30px;
}

.mar_l50 {
    margin-left: 50px;
}

.mar_t5 {
    margin-top: 5px;
}

.mar_t10 {
    margin-top: 10px;
}

.mar_t15 {
    margin-top: 15px;
}

.mar_t20 {
    margin-top: 20px;
}

.mar_t30 {
    margin-top: 30px;
}

.mar_t40 {
    margin-top: 40px;
}

.mar_r5 {
    margin-right: 5px;
}

.mar_r10 {
    margin-right: 10px;
}

.mar_r15 {
    margin-right: 15px;
}

.mar_r20 {
    margin-right: 20px;
}

.mar_r30 {
    margin-right: 30px;
}

.mar_r40 {
    margin-right: 40px;
}

.mar_r45 {
    margin-right: 45px;
}

.mar_r60 {
    margin-right: 60px;
}

.fonlr {
    margin: 0 2px;
}

/*内边距*/
.pad_5 {
    padding: 5px;
}

.pad_10 {
    padding: 10px;
}
.pad_15 {
    padding: 15px;
}
.pad_20 {
    padding: 20px;
}

.pad_25 {
    padding: 25px;
}

.pad_30 {
    padding: 30px;
}

.pad_tb_10 {
    padding: 10px 0;
}

.pad_tb_15 {
    padding: 15px 0;
}

.pad_tb_20 {
    padding: 20px 0;
}

.pad_tb_30 {
    padding: 30px 0;
}

.pad_tb_40 {
    padding: 40px 0;
}

.pad_tb_5 {
    padding: 5px 0;
}

.pad_lr_10 {
    padding: 0 10px;
}

.pad_lr_20 {
    padding: 0 20px;
}

.pad_t_5 {
    padding-top: 5px;
}

.pad_t_10 {
    padding-top: 10px;
}

.pad_t_20 {
    padding-top: 20px;
}

.pad_t_30 {
    padding-top: 30px;
}

.pad_t_40 {
    padding-top: 40px;
}

.pad_l_10 {
    padding-left: 10px;
}

.pad_l_20 {
    padding-left: 20px;
}

.pad_l_30 {
    padding-left: 30px;
}

.pad_l_60 {
    padding-left: 60px;
}

.pad_r_60 {
    padding-right: 60px;
}

.pad_l_80 {
    padding-left: 80px;
}

.pad_b_5 {
    padding-bottom: 5px;
}

.pad_b_10 {
    padding-bottom: 10px;
}

.pad_b_15 {
    padding-bottom: 15px;
}

.pad_b_30 {
    padding-bottom: 30px;
}

.pad_b_50 {
    padding-bottom: 50px;
}

.pad_r_10 {
    padding-right: 10px;
}

.pad_r_15 {
    padding-right: 15px;
}

.pad_r_25 {
    padding-right: 25px;
}

/*边框*/
.bor_999 {
    border: 1px solid #999;
}

.bor_de {
    border: 1px solid #dedede;
}

.bor_dd {
    border: 1px solid #dddfe2;
}

.bor_b_el {
    border-bottom: 1px solid #e1e1e1;
}

.bor_b_e4 {
    border-bottom: 1px solid #e4e7ed
}

.bor_b_dd {
    border-bottom: 1px solid #dddfe2
}

.bor_e5 {
    border: 1px solid #e5e5e5;
}

/*虚线边框*/
.bor_b_de4 {
    border-bottom: 1px dashed #e4e7ed
}

.bor_b_r102 {
    border-bottom: 1px dashed rgb(102, 102, 102);
}

.bor_t_de4 {
    border-top: 1px dashed #e4e7ed;
}

/*圆角边框*/
.bor_rad4 {
    border-radius: 4px;
}

.bor_rad5 {
    border-radius: 5px;
}

.bor_rad20 {
    border-radius: 20px;
}

.bor_rad50 {
    border-radius: 50%;
}

/*行高*/
.lh1 {
    line-height: 1;
}

.lh8 {
    line-height: .8;
}

.lh14 {
    line-height: 14px;
}

.lh16 {
    line-height: 16px;
}

.lh25 {
    line-height: 25px;
}

.lh30 {
    line-height: 30px;
}

.lh40 {
    line-height: 40px;
}

.textder {
    text-decoration: line-through
}

.el-button--default:focus{
    background: transparent;
}


/* 大中小有背景按钮自定义样式 */
.el-button.el-button--primary,
.el-button.el-button--small.el-button--primary {
    background: #1d42ab !important;
    border-color: #1d42ab !important;
    color: #fff !important;
}

/* 大中小有背景按钮自定义鼠标移入样式 */
.el-button.el-button--primary:hover,
.el-button.el-button--small.el-button--primary:hover {
    background: #1d42ac !important;
    border-color: #1d42ac !important;
    color: #fff !important;
}

/* 大中小无背景有边框按钮自定义样式 */
.el-button.el-button--default.is-plain,
.el-button.el-button--default.el-button--medium,
.el-button.el-button--default.el-button--small,
.el-button.el-button--default {
    border-color: #999;
    color: #999;
}

/* 大中小无背景有边框按钮自定义鼠标移入样式 */
.el-button.el-button--default.is-plain:hover,
.el-button.el-button--default.el-button--medium:hover,
.el-button.el-button--default.el-button--small:hover,
.el-button.el-button--default:hover {
    border-color: rgb(41, 122, 255);
    color: rgb(41, 122, 255);
    background: transparent;

}

/* 大中小有无背景无边框按钮自定义样式 */
.el-button.el-button--text {
    color: #1d42ab;
}

/* 大中小有无背景无边框按钮自定义鼠标移入样式 */
.el-button.el-button--text:hover {
    color: #1d42ab;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #297aff;
    border-color: #297aff;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #297aff !important;
}

.el-checkbox__input .el-checkbox__inner:hover {
    border-color: #297aff;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #297aff;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner,
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-textarea .el-textarea__inner:focus,
.el-radio.is-bordered.is-checked,
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus {
    border-color: #297aff;
}

.el-pagination.is-background .el-pager .number.active,
.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: #297aff !important;
}

.el-date-table td.today span {
    background-color: #297AFF !important;
    color: #fff;
}

.el-date-table .el-date-table__row .available div:hover {
    color: #297aff;
}

.el-select-dropdown__item.selected {
    color: #d49556;
}

.el-pagination.is-background .el-pager .number:hover {
    color: #d49556 !important;
}

.el-pagination.is-background .el-pager .number.active:hover {
    background-color: #297a44 !important;
    color: #fff !important;
}

.el-switch.is-checked .el-switch__core {
    background: #297aff;
    border-color: #297aff;
}

.el-switch__core {
    background: #DCDFE6;
    border-color: #DCDFE6;
}

.el-radio__inner:hover{
    border-color: #297aff;
}

.el-radio__input.is-checked .el-radio__inner {
    background: #297aff;
    border-color: #297aff;
}



.el-radio__input.is-checked .el-radio__inner::after {
    background: #fff;
}

.el-radio__input.is-checked+.el-radio__label{
    color: #297aff;
}

.el-tabs__item.is-active {
    color: #297aff;
}

.el-tabs__item:hover {
    color: #297aff;
}

.el-tabs__active-bar {
    background: #297aff;
}

.el-loading-spinner .path {
    stroke: #297aff;
}

.el-loading-spinner .el-loading-text {
    color: #297aff;
}

.avatar-uploader .el-upload:hover{
    border-color: #297aff;
}


.alinkcolor{
    color: #999;
}

.color_main {
    color: #297aff;
}

.yb_body{
    margin-top: 60px !important;
}